/*
 * Skin: Dark
 * ----------
 */
.skin-dark .main-header .navbar {
    background-color: #2a2b36;
}
.skin-dark .main-header .navbar .nav > li > a,
.skin-dark .nav-tabs-custom > .nav-tabs > li > a {
    color: #a8a9bb;
}
.skin-dark .nav-tabs{
    border-bottom: 1px solid #444;
}
.skin-dark .nav-tabs-custom > .nav-tabs > li.active > a{
    border-left-color: #444;
    border-right-color: #444;
}
.skin-dark .el-input-number__decrease{
    border-right: 1px solid #444;
}
.skin-dark .el-input-number__increase{
    border-left: 1px solid #444;
}
.skin-dark .no-img{
    background:rgba(255,255,255,0.2)
}
.skin-dark .thumbnail{
    border: 1px solid #444;
    background:rgba(255,255,255,0.2);
    color: #a8a9bb;
}
.skin-dark .thumbnail .caption{
    color: #a8a9bb;
}
.skin-dark .main-header .navbar .nav > li > a:hover,
.skin-dark .main-header .navbar .nav > li > a:active,
.skin-dark .main-header .navbar .nav > li > a:focus,
.skin-dark .main-header .navbar .nav .open > a,
.skin-dark .main-header .navbar .nav .open > a:hover,
.skin-dark .main-header .navbar .nav .open > a:focus,
.skin-dark .main-header .navbar .nav > .active > a ,
.skin-dark .nav-tabs-custom > .nav-tabs > li.active > a,
.skin-dark .nav-tabs-custom > .nav-tabs > li.active:hover > a{
    background-color: #2a2b36;
    color: #3c8dbc;
}
.skin-dark .main-header .navbar .sidebar-toggle,.skin-dark .close{
    color: #a8a9bb;
}
.skin-dark .main-header .navbar .sidebar-toggle:hover {
    color: #3c8dbc;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.1);
}
.skin-dark .main-header .navbar .sidebar-toggle:hover {
    background-color: #FFFFFF13;
}
@media (max-width: 767px) {
    .skin-dark .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .skin-dark .main-header .navbar .dropdown-menu li a {
        color: #a8a9bb;
    }
    .skin-dark .main-header .navbar .dropdown-menu li a:hover {
        background: #FFFFFF13;
    }
}
.skin-dark .main-header .logo {
    background-color: #2a2b36;
    color: #a8a9bb;
    border-bottom: 0 solid transparent;
}
.skin-dark .main-header .logo:hover {
    background-color: #2a2b36;
}
.skin-dark .main-header li.user-header {
    background-color: #2a2b36;
}
.skin-dark .content-header {
    background: transparent;
}
.skin-dark .wrapper,
.skin-dark .main-sidebar,
.skin-dark .left-side {
    background-color: #22222A;
}
.skin-dark .user-panel > .info,
.skin-dark .user-panel > .info > a {
    color: #a8a9bb;
}
.skin-dark .sidebar-menu > li.header {
    color: #a8a9bb;
    background: #1a2226;
}
.skin-dark .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}
.skin-dark .sidebar-menu > li:hover > a,
.skin-dark .sidebar-menu > li.active > a,
.skin-dark .sidebar-menu > li.menu-open > a {
    color: #3c8dbc;
    background: #1e282c;
}
.skin-dark .sidebar-menu > li.active > a {
    border-left-color: #3c8dbc;
}
.skin-dark .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2a2b36;
}
.skin-dark .sidebar a {
    color: #a8a9bb;
}
.skin-dark .sidebar a:hover {
    text-decoration: none;
}
.skin-dark .sidebar-menu .treeview-menu > li > a {
    color: #8aa4af;
}
.skin-dark .sidebar-menu .treeview-menu > li.active > a,
.skin-dark .sidebar-menu .treeview-menu > li > a:hover {
    color: #3c8dbc;
}
.skin-dark .sidebar-form {
    border-radius: 3px;
    border: 1px solid #2F3039;
    margin: 10px 10px;
}
.skin-dark .sidebar-form input[type="text"],
.skin-dark .sidebar-form .btn {
    box-shadow: none;
    background-color: #2F3039;
    border: 1px solid transparent;
    height: 35px;
}
.skin-dark .sidebar-form input[type="text"] {
    color: #666;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
}
.skin-dark .sidebar-form input[type="text"]:focus,
.skin-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background-color: #a8a9bb;
    color: #fff;
}
/*.skin-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    border-left-color: #fff;
}*/
.skin-dark .sidebar-form .btn {
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
}
.skin-dark.layout-top-nav .main-header > .logo {
    background-color: #3c8dbc;
  /*  color: #ffffff;*/
    border-bottom: 0 solid transparent;
}
.skin-dark.layout-top-nav .main-header > .logo:hover {
    background-color: #3c8dbc;
}
.skin-dark .content-wrapper{
    background-color: #181923;
}
.skin-dark .content-wrapper .content-header h1{
    color: #a8a9bb;
}
.skin-dark .nav-tabs-custom{
  background: #24252E;
}
.skin-dark .nav-tabs-custom > .tab-content{
    background: #24252E;
}
.skin-dark .content-header > .breadcrumb > .active,.skin-dark .content-header > .breadcrumb > li > a:hover {
    color: #3c8dbc;
}
.skin-dark .content-header > .breadcrumb > li,.skin-dark .content-header > .breadcrumb > li > a {
    color: #a8a9bb;
}
.skin-dark .main-footer{
    background-color: #2a2b36;
    color:  #a8a9bb;
    border-top: 1px solid #444;
}
.skin-dark .box{
    background: #24252E;
    color:  #a8a9bb;
}
.skin-dark .box-header{
    color:  #a8a9bb;
}
.skin-dark .box-header.with-border{
    border-bottom: 1px solid #444;
}
.skin-dark .form-control{
    background-color: #2F3039;
    border: 1px solid transparent;
    color: #a8a9bb;
}
.skin-dark .input-group .input-group-addon,
.skin-dark .select2-container--default .select2-results__option,
.skin-dark .select2-container--default.select2-container--disabled .select2-selection--single,
.skin-dark .select2-container--default .select2-selection--single,
._dark .select2-container--default .select2-search--dropdown .select2-search__field,
._dark .select2-dropdown,
.skin-dark .el-input__inner,
.skin-dark .pagination > li > a
{
    background-color: #2F3039;
    color: #a8a9bb;
    border: 1px solid transparent;
}
._dark{
    background-color: #181923;
    color: #a8a9bb;
}
.skin-dark .pagination > li > a{
    border: 1px solid #444;
}
.skin-dark .pagination>.active>a,

.skin-dark .pagination>.active>a:focus,
.skin-dark .pagination>.active>a:hover,
.skin-dark .pagination>.active>span,
.skin-dark .pagination>.active>span:focus,
.skin-dark .pagination>.active>span:hover{
    background-color: #337ab7;
}
.skin-dark .pagination>span:hover,
.skin-dark .pagination>span:focus,
.skin-dark .pagination a:focus,
.skin-dark .pagination a:hover{
    background-color: #FFFFFF13;
    border-color: #FFFFFF13;
}
.skin-dark .el-input-number__decrease,.skin-dark .el-input-number__increase
{
    background-color: #252F34;
    color: #a8a9bb;
}
.skin-dark .el-input-number.is-controls-right .el-input-number__increase{
    border-bottom: 1px solid #444;
    border-left: 1px solid #444;
}
.skin-dark .el-input-number.is-controls-right .el-input-number__decrease{
    border-left: 1px solid #444;
}

.skin-dark .select2-container--default .select2-selection--single .select2-selection__rendered,
.skin-dark .ztree li a{
    color: #a8a9bb;
}
.skin-dark .el-tabs__nav-wrap::after{
    background-color: #444;
}
.skin-dark .table-striped>tbody>tr:hover,.skin-dark .table-striped>tbody>tr:nth-of-type(odd):hover{
    background-color: #FFFFFF13;
}
.skin-dark .table-striped>tbody>tr:nth-of-type(odd){
    background-color: #22232D;
}
.skin-dark .table-bordered {
    border: 1px solid #444;
}
.skin-dark .box-footer{
    background-color:#2a2b36;
    border-top: 1px solid #444;
}
.skin-dark .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th,
.skin-dark .table-bordered > tfoot > tr > th,
.skin-dark .table-bordered > thead > tr > td,
.skin-dark .table-bordered > tbody > tr > td,
.skin-dark .table-bordered > tfoot > tr > td{
    border: 1px solid #444;
}
.skin-dark .modal-content{
    background-color:#3D3E46;
    color: #a8a9bb;
}
.skin-dark .modal-header{
    border-bottom: 1px solid #444;
}
.skin-dark .modal-footer{
    border-top: 1px solid #444;
}
.skin-dark .json-view-container{
    overflow: auto !important;
}

/* Editor.md Dark theme */
.skin-dark .editormd {
    border-color: #1a1a17;
}
.skin-dark .editormd-toolbar {
    background: #1A1A17;
    border-color: #1a1a17;
}
.skin-dark .editormd-menu > li > a {
    color: #777;
    border-color: #1a1a17;
}
.skin-dark .editormd-menu > li > a:hover, .skin-dark .editormd-menu > li > a.active {
    border-color: #333;
    background: #333;
}
.skin-dark .editormd-menu > li.divider {
    border-right: 1px solid #111;
}
.skin-dark .editormd .CodeMirror {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
/**
 * Pastel On Dark theme ported from ACE editor
 * @license MIT
 * @copyright AtomicPages LLC 2014
 * @author Dennis Thompson, AtomicPages LLC
 * @version 1.1
 * @source https://github.com/atomicpages/codemirror-pastel-on-dark-theme
 */

.skin-dark .CodeMirror {
    background: #2c2827;
    color: #8F938F;
    line-height: 1.5;
    font-size: 14px;
}
.skin-dark  div.CodeMirror-selected { background: rgba(221,240,255,0.2) !important; }
.skin-dark .CodeMirror ::selection { background: rgba(221,240,255,0.2); }
.skin-dark .CodeMirror ::-moz-selection { background: rgba(221,240,255,0.2); }

.skin-dark  .CodeMirror-gutters {
    background: #34302f;
    border-right: 0px;
    padding: 0 3px;
}
.skin-dark  .CodeMirror-guttermarker { color: white; }
.skin-dark  .CodeMirror-guttermarker-subtle { color: #8F938F; }
.skin-dark  .CodeMirror-linenumber { color: #8F938F; }
.skin-dark  .CodeMirror-cursor { border-left: 1px solid #A7A7A7 !important; }
.skin-dark  span.cm-comment { color: #A6C6FF; }
.skin-dark  span.cm-atom { color: #DE8E30; }
.skin-dark  span.cm-number { color: #CCCCCC; }
.skin-dark  span.cm-property { color: #8F938F; }
.skin-dark  span.cm-attribute { color: #a6e22e; }
.skin-dark  span.cm-keyword { color: #AEB2F8; }
.skin-dark  span.cm-string { color: #66A968; }
.skin-dark  span.cm-variable { color: #AEB2F8; }
.skin-dark  span.cm-variable-2 { color: #BEBF55; }
.skin-dark  span.cm-variable-3 { color: #DE8E30; }
.skin-dark  span.cm-def { color: #757aD8; }
.skin-dark  span.cm-bracket { color: #f8f8f2; }
.skin-dark  span.cm-tag { color: #C1C144; }
.skin-dark  span.cm-link { color: #ae81ff; }
.skin-dark  span.cm-qualifier,.skin-dark  span.cm-builtin { color: #C1C144; }
.skin-dark  span.cm-error {
    background: #757aD8;
    color: #f8f8f0;
}
.skin-dark  .CodeMirror-activeline-background { background: rgba(255, 255, 255, 0.031) !important; }
.skin-dark  .CodeMirror-matchingbracket {
    border: 1px solid rgba(255,255,255,0.25);
    color: #8F938F !important;
    margin: -1px -1px 0 -1px;
}
/* Preview dark theme */
.skin-dark .editormd-preview {
    color: #777;
    background: #2C2827;
}
.skin-dark .editormd-preview .editormd-preview-container {
    color: #888;
    background-color: #2C2827;
}
.skin-dark .editormd-preview .editormd-preview-container pre.prettyprint {
    border: none;
}
.skin-dark .editormd-preview .editormd-preview-container blockquote {
    color: #555;
    padding: 0.5em;
    background: #222;
    border-color: #333;
}
.skin-dark .editormd-preview .editormd-preview-container abbr {
    color: #fff;
    padding: 1px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #ff9900;
}
.skin-dark .editormd-preview .editormd-preview-container code {
    color: #fff;
    border: none;
    padding: 1px 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #5A9600;
}
.skin-dark .editormd-preview .editormd-preview-container table {
    border: none;
}
.skin-dark .editormd-preview .editormd-preview-container .fa-emoji {
    color: #B4BF42;
}
.skin-dark .editormd-preview .editormd-preview-container .katex {
    color: #FEC93F;
}
.skin-dark .editormd-preview .editormd-toc-menu > .markdown-toc {
    background: #fff;
    border: none;
}
.skin-dark .editormd-preview .editormd-toc-menu > .markdown-toc h1 {
    border-color: #ddd;
}
.skin-dark .editormd-preview .markdown-body h1, .skin-dark .editormd-preview .markdown-body h2, .skin-dark .editormd-preview .markdown-body hr {
    border-color: #222;
}
.skin-dark .editormd-preview pre {
    color: #999;
    background-color: #111;
    background-color: rgba(0, 0, 0, 0.4);
    /* plain text */
}
.skin-dark .editormd-preview pre .pln {
    color: #999;
}
.skin-dark .editormd-preview li.L1, .skin-dark .editormd-preview li.L3, .skin-dark .editormd-preview li.L5, .skin-dark .editormd-preview li.L7, .skin-dark .editormd-preview li.L9 {
    background: none;
}
.skin-dark .editormd-preview [class*=editormd-logo] {
    color: #2196F3;
}
.skin-dark .editormd-preview .sequence-diagram text {
    fill: #fff;
}
.skin-dark .editormd-preview .sequence-diagram rect, .skin-dark .editormd-preview .sequence-diagram path {
    color: #fff;
    fill: #64D1CB;
    stroke: #64D1CB;
}
.skin-dark .editormd-preview .flowchart rect, .skin-dark .editormd-preview .flowchart path {
    stroke: #A6C6FF;
}
.skin-dark .editormd-preview .flowchart rect {
    fill: #A6C6FF;
}
.skin-dark .editormd-preview .flowchart text {
    fill: #5879B4;
}

@media screen {
    .skin-dark .editormd-preview {
        /* string content */
        /* a keyword */
        /* a comment */
        /* a type name */
        /* a literal value */
        /* punctuation, lisp open bracket, lisp close bracket */
        /* a markup tag name */
        /* a markup attribute name */
        /* a markup attribute value */
        /* a declaration; a variable name */
        /* a function name */
    }
    .skin-dark .editormd-preview .str {
        color: #080;
    }
    .skin-dark .editormd-preview .kwd {
        color: #ff9900;
    }
    .skin-dark .editormd-preview .com {
        color: #444444;
    }
    .skin-dark .editormd-preview .typ {
        color: #606;
    }
    .skin-dark .editormd-preview .lit {
        color: #066;
    }
    .skin-dark .editormd-preview .pun, .skin-dark .editormd-preview .opn, .skin-dark .editormd-preview .clo {
        color: #660;
    }
    .skin-dark .editormd-preview .tag {
        color: #ff9900;
    }
    .skin-dark .editormd-preview .atn {
        color: #6C95F5;
    }
    .skin-dark .editormd-preview .atv {
        color: #080;
    }
    .skin-dark .editormd-preview .dec, .skin-dark .editormd-preview .var {
        color: #008BA7;
    }
    .skin-dark .editormd-preview .fun {
        color: red;
    }
}


